
/******************************************************************************/
/* Page                                                                       */
/******************************************************************************/

div.page a
{
    border-bottom:dotted 1px #FFFFFF;
}

div.page a:hover
{
    border-bottom:solid 1px #FFFFFF;
}

    div.page h3
    {
        font-size:26px;
        font-weight:500;
        margin-bottom:30px;
    }

    div.page label
    {
        float:left;
        width:100px;
        color:#000000;
        font-weight:bold;
        background:#FFFFFF;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
   
    div.page label,
    div.page label+span
    {
        padding:1px 5px 1px 5px;
    }
    
    div.page label+span
    {
        float:right;
    }
    
    /**************************************************************************/
    /* Page 1                                                                 */
    /**************************************************************************/

    div.page-1
    {
        
    }

        /**********************************************************************/
        /* Page 1 / Slider                                                    */
        /**********************************************************************/	

        #slider,
        #slider-box,
        #slider div.nivo-controlNav
        {
            width:290px;
        }

        #slider-box
        {
			overflow:hidden;
			border:solid 1px #E1B240;
			padding:10px 10px 5px 10px;
            background:url('../images/slider_preloader.gif') 50% 50% no-repeat;
		}

        #slider
		{
            width:290px;
            height:220px;
		}

            #slider img
            {
                display:none;
            }

            #slider-box div.nivo-controlNav
			{
				clear:both;
				height:100%;
				padding:0px;
				overflow:hidden;
				margin-top:5px;
            }

            #slider-box div.nivo-controlNav a.nivo-control
            {
                width:7px;
                height:7px;
                border:none;
                font-size:0px;
                margin-right:5px;
                text-align:center;
                color:transparent;
				display:inline-block;
				vertical-align:middle;
                background-repeat:no-repeat;
                background-position:0px 0px;
                background-image:url('../images/slider_navigation.png');
            }

            #slider-box div.nivo-controlNav a.nivo-control:hover,
            #slider-box div.nivo-controlNav a.nivo-control.active
            {
                text-decoration:none;
                background-position:0px -7px;
            }

        /**********************************************************************/
        /* Page 1 / Personal info list                                        */
        /**********************************************************************/

        ul.personal-info-list
        {

        }

            ul.personal-info-list li
            {
                height:100%;
                overflow:hidden;
                margin-top:12px;
            }

            ul.personal-info-list li:first-child
            {
                margin-top:0px;
            }

                ul.personal-info-list li span
                {
                    float:right;
                    text-align:right;
                }

        /**************************************************************************/
        /* Page 1 / Social links                                                  */
        /**************************************************************************/

        div.page-1 ul.social-links
        {

        }

            div.page-1 ul.social-links li
            {
                float:left;
                margin-right:10px;

            }

                div.page-1 ul.social-links li a
                {
                    float:left;
                    clear:both;
                    width:35px;
                    height:35px;
                    border:none;
                    display:block;
                    margin-top:5px;
                    background-position:0px 0px;
                    background-repeat:no-repeat;
                }

                div.page-1 ul.social-links li a:hover
                {
                    background-position:0px -35px;
                }

                div.page-1 ul.social-links li.social-links-xing a           { background-image:url('../images/icon_xing.png');       }
                div.page-1 ul.social-links li.social-links-skype a          { background-image:url('../images/icon_skype.png');      }
                div.page-1 ul.social-links li.social-links-flickr a         { background-image:url('../images/icon_flickr.png');     }
                div.page-1 ul.social-links li.social-links-google a         { background-image:url('../images/icon_google.png');     }
                div.page-1 ul.social-links li.social-links-twitter a        { background-image:url('../images/icon_twitter.png');    }
                div.page-1 ul.social-links li.social-links-facebook a       { background-image:url('../images/icon_facebook.png');   }
                div.page-1 ul.social-links li.social-links-linkedin a       { background-image:url('../images/icon_linkedin.png');   }
				div.page-1 ul.social-links li.social-links-yahoo a       { background-image:url('../images/icon_yahoo.png');   }

    /**************************************************************************/
    /* Page 2                                                                 */
    /**************************************************************************/

    div.page-2
    {

    }
    
        /**********************************************************************/
        /* Experience list                                                    */
        /**********************************************************************/    
    
        ul.experience-list
        {
            
        }
        
            ul.experience-list li
            {
                margin-top:20px;
                padding-top:20px;
                border-top:solid 1px #DF8F50;
            }
            
            ul.experience-list li:first-child
            {
                border:none;
                margin-top:0px;
                padding-top:0px;
            }
            
                ul.experience-list li h5
                {
                    float:left;
                    font-weight:bold;
					color: #f8b47d;
                }

                ul.experience-list li span
                {
                    float:right;
                    color:#88440E;
                }

                ul.experience-list li p
                {
                    clear:both;
                    margin-bottom:0px;
                    padding-bottom:0px;
                }

        /**********************************************************************/
        /* Skill list                                                         */
        /**********************************************************************/
        
        ul.skill-list
        {
            width:300px;
        }
		        
            ul.skill-list li
            {
				height:22px;
                position:relative;
                margin-bottom:11px;
                white-space:nowrap;
				border:solid 1px rgba(255,255,255,0.25);
				#border:solid 1px #DE8E4E;
				border:solid 1px #DE8E4E\9
            }
			
			ul.skill-list li,
			ul.skill-list li div
			{
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;				
			}
			
				ul.skill-list li div,
				ul.skill-list li span
				{
					position:absolute;
				}
			
				ul.skill-list li div
				{
					top:-1px;
					left:-1px;
					z-index:1;
					height:24px;
					display:none;
					background:#FFFFFF;
				}
				
				ul.skill-list li span
				{
					z-index:2;
					color:#000000;
					display:block;
					padding-left:5px;
					font-weight:bold;	
				}

				ul.skill-list li.level-01 div { width:30px;		}
				ul.skill-list li.level-02 div { width:60px;		}
				ul.skill-list li.level-03 div { width:90px;		}
				ul.skill-list li.level-04 div { width:120px;	}
				ul.skill-list li.level-05 div { width:150px;	}
				ul.skill-list li.level-06 div { width:180px;	}
				ul.skill-list li.level-07 div { width:210px;	}
				ul.skill-list li.level-08 div { width:240px;	}
				ul.skill-list li.level-09 div { width:270px;	}
				ul.skill-list li.level-10 div { width:300px;	}

    /**************************************************************************/
    /* Page 3                                                                 */
    /**************************************************************************/
    
    div.page-3
    {

    } 
    
        /**********************************************************************/
        /* Page 3 / Portfolio list                                            */
        /**********************************************************************/
        
        ul.portfolio-list
        {
            
        }
        
            ul.portfolio-list li
            {
                clear:both;
                height:100%;
                overflow:hidden;
                margin-top:30px;
            }
            
            ul.portfolio-list li li,
            ul.portfolio-list li:first-child
            {
                margin-top:0px;
            }
            
                ul.portfolio-list li .layout-6040-left
                {
                    min-height:171px;
                    border-bottom:solid 1px #CF795B;
                }
            
                ul.portfolio-list li h5
                {
                    font-weight: bold;
					color: #b6b1b0;
                }
                
                ul.portfolio-list li p
                {
                    padding:0px;
                    margin:10px 0px 20px 0px;
                }
                
                ul.portfolio-list li a.fancybox-overlay img
                {
                    padding:5px;  
                    border:solid 1px #CF795B;
                }
                
                ul.portfolio-list li a.fancybox-overlay span
                {
                                   
                }
                
                /**************************************************************/
                /* Page 3 / Portfolio list / Details                          */
                /**************************************************************/
                
                ul.portfolio-list li ul.portfolio-list-item-details
                {
                    
                }
                
                    ul.portfolio-list li ul.portfolio-list-item-details li
                    {
                        clear:both;
                        height:100%;
                        overflow:hidden;
                        margin-bottom:10px;
                    }
                    
                        ul.portfolio-list li ul.portfolio-list-item-details li label
                        {
                            margin-right:20px;
                        }
                        
                        ul.portfolio-list li ul.portfolio-list-item-details li span
                        {
                           float:left; 
                        }
    
    /**************************************************************************/
    /* Page 4                                                                 */
    /**************************************************************************/
    
    div.page-4
    {

    } 
    
        /**********************************************************************/
        /* Page 4 / References list                                           */
        /**********************************************************************/
    
        ul.references-list
        {
            
        }
        
            ul.references-list li
            {

            }

                ul.references-list li h5
                {
                    font-weight:400;
                }

                ul.references-list li p
                {

                }
        
    /**************************************************************************/
    /* Page 5                                                                 */
    /**************************************************************************/

    div.page-5
    {

    }

        /**********************************************************************/
        /* Page 5 / Social links                                              */
        /**********************************************************************/

        div.page-5 ul.social-links
        {

        }

            div.page-5 ul.social-links li
            {
                clear:both;
                height:100%;
                overflow:hidden;
                margin-bottom:14px;
            }
            
                div.page-5 ul.social-links li div
                {
                    float:left;
                }
            
                    div.page-5 ul.social-links li div b
                    {
                        clear:both;
                        display:block;
                    }

                div.page-5 ul.social-links li span
                {
                    float:left;
                    width:35px;
                    height:35px;
                    display:block;
                    margin-top:5px;
                    margin-right:15px;
                    background-position:0px 0px;
                    background-repeat:no-repeat;
                }
                
                div.page-5 ul.social-links li:hover span
                {
                    background-position:0px -35px;
                }
                
                div.page-5 ul.social-links li.social-links-xing span           { background-image:url('../images/icon_xing.png');       }
                div.page-5 ul.social-links li.social-links-skype span          { background-image:url('../images/icon_skype.png');      }
                div.page-5 ul.social-links li.social-links-flickr span         { background-image:url('../images/icon_flickr.png');     }
                div.page-5 ul.social-links li.social-links-google span         { background-image:url('../images/icon_google.png');     }
                div.page-5 ul.social-links li.social-links-twitter span        { background-image:url('../images/icon_twitter.png');    }
                div.page-5 ul.social-links li.social-links-facebook span       { background-image:url('../images/icon_facebook.png');   }
                div.page-5 ul.social-links li.social-links-linkedin span       { background-image:url('../images/icon_linkedin.png');   }
				div.page-5 ul.social-links li.social-links-yahoo span       { background-image:url('../images/icon_yahoo.png');   }
	
.page-4 #nav ul{
	float: left;
	display: inline;
	width: 100%;
	list-style: none;
	padding-left: 1px;
	margin: -15px 0 5px 0;
}

.page-4 #nav ul li{
	float: left;
	display: inline-block;
	margin-right: 20px;
	padding: 5px 15px;
	border: 1px solid #fff;
	background-color: #7e3c48;
	color: #fff;
	cursor: pointer;
}

.page-4 #nav ul li a{
	float: left;
	display: block;
	border: none;
}

.page-4 #nav ul li:hover, .page-4 .select{
	border: 1px solid #7e3c48 !important;
	background-color: #fff !important;	
}

.page-4 #nav ul li:hover a,.page-4 #nav ul li.select a{
	color: #7e3c48 !important;
}